<html>
	<head>
        <title>File Uploader</title>
		<link rel="stylesheet" type="text/css" href="css/styles.css" />
		<link rel="stylesheet" type="text/css" href="css/prototip.css" />
		
		<!-- AIRAliases -->    
        <script type="text/javascript" src="jsAssets/AIRAliases.js"></script>
		
		<!-- Protaculous Stuff -->
		<script src="jsAssets/protaculous/prototype1.6.js" language="JavaScript" type=text/javascript></script>
		<script src="jsAssets/protaculous/scriptaculous.js?load=builder,effects,dragdrop,combo,controls" language="JavaScript" type="text/javascript"></script>
	    		
		<!-- Tooltips -->
		<script type="text/javascript" src="jsAssets/prototip.js"></script>		
				
		<!-- Application JavaScript -->
		<script type="text/javascript" src="jsAssets/jsApp.js"></script>
		<script type="text/javascript" src="jsAssets/jsAppData.js"></script>
	</head>

    <body onload="appInitObj.appInit();">
    	<div id="header">
    		<div style="width: 45%; float: left;"></div>
			<div style="float: right; padding: 12px 10px 0 0;">
				<div style="float: left; margin-right: 5px;">
					<a href="#" class="coolButton buttonBGBlueGray" id="buttonSelect" onClick="fileSupportObj.pickFiles(); return false;"><span class="save">Select Files</span></a>
				</div>
				<div style="float: left;">
					<a href="#" class="coolButton buttonBGYellowGray" id="buttonUpload" onClick="fileUploadObj.uploadFiles(0); return false;"><span class="upload">Upload Files</span></a>
				</div>
				<div style="clear: left; height: 10px;"></div>
			</div>			
    	</div>  
		<div id="page">
			<div id="fileDetailsContainer" class="blueBox" style="width: 465px; margin-bottom: 10px; display: none;">
				<h2 id="fileNameEdit"></h2>
				<input type="hidden" id="fileID" />
				<input type="hidden" id="fileName" />
				<p>
					<input type="checkbox" name="ptiSharedResource" id="ptiSharedResource" value="1" onChange="appGetDataObj.toggleResourceCats();" /> <span onClick="appGetDataObj.toggleResourceCatCheckbox();" style="cursor: pointer;"><b>This is a PTI Shared Resource</b></span>
				</p>
										
				<p><span class="vertLabelSmall">Category</span>
					<select id="fileCat" class="selectBox" size="1" onChange="appGetDataObj.getCategories(null,this.options[selectedIndex].value);" style="width: 400px;">
					<option>Select...</option>
					</select>
				</p>
				
				<p style="display: none;" id="subCatContainer"><span class="vertLabelSmall">Sub Category</span>
					<select id="fileSubCat" class="selectBox" size="1" style="width: 400px;">
					<option>Select...</option>					
					</select>
				</p>				
											
				<p><span class="vertLabelSmall">Title</span>
				<input type="text" style="width: 400px;" id="fileTitle" name="fileTitle" /></p>
				
				<p><span class="vertLabelSmall">Short description</span>
				<textarea name="fileDesc" id="fileDesc" style="width: 400px; height: 150px;"></textarea>
				</p>
				
				<div style="margin-top: 10px; margin-left: 5px;">
				<div style="float: left; margin-right: 5px;">
					<a href="#" class="coolButton buttonBGBlueGray" tabindex="30" onClick="appSaveDateObj.saveFileDetails(); return false;"><span class="save">Save</span></a>
				</div>
				<div style="float: left;">
					<a href="#" class="coolButton buttonBGRed" tabindex="30" onClick="fileSupportObj.closeDetailsForm(); return false;"><span class="cancel">Close</span></a>
				</div>
				<div style="clear: left;"></div>
			</div>	
			</div>			
			<div id="statusContainer" class="emphBoxInner" style="width: 456px; margin-bottom: 10px; display: none;">
				<div id="statusIconContainer" style="float: left;"></div>
				<div id="statusContentContainer" style="padding-top: 10px; margin-left: 15px; float: left;"></div>
				<div style="clear: left;"></div>
			</div>
			<div id="fileList"></div>	
		</div>		
	</body>
</html>